@import "common.less";//引用公共文件

/*文章列表*/
.center-div{width: 11.5rem;.m(0 auto 1.2rem);}

@import "nav.less";//引用 导航 公共文件

.dj-body{
    
    .center-div{
        .location-div{
            .lh(.65rem);.c(#404040);
            img{.w(.17rem);.h(.23rem);.pr;.t(-.02rem);.mr(.12rem);}
            p{
                .dib;.c(#3470b5);.pr;.l(-.08rem);.m(0);
                a{.dib;.p(0 .06rem);}
            }
        }
        .courseResearch-div{
            .h(2.8rem);.cf;.mb(.5rem);
            .left-textInfo{
                .w(6.62rem);.h(@100);.bc(#fd5453);.fl;.p(.26rem);
                h4{.bc(#fff);.h(.49rem);.c(#fd5453);.lh(.49rem);.ta(@c);.fs(.28rem);.mb(.3rem);.dib;.p(0 .15rem);}
                p{.c(#ffe2e2);.fs(.16rem);.m(0);.lh(.26rem);}
            }
            .right-img{
                .fl;.w(4.86rem);.h(@100);
                img{.h(@100);.w(@100);.dib;}
            }
        }
        .courseResearch-div.min-height {
            .h(1.96rem) !important;
        }

        .textInfo-div{.c(#1f1f1f);.fs(.17rem);.lh(.28rem);.mb(.6rem);}

        .edit-div{
            .mb(.9rem);
        }
        .viewpoint-ul{
            li{
                .cf;.mb(.4rem);
                .viewpo-left{
                    .bc(#e01b22);.h(.89rem);.w(.89rem);.border-radius(50%);.fl;.c(#fff);.lh(.89rem);.ta(@c);.fs(.22rem);.fw();
                    img{display: block;.w(.56rem);.h(.2rem);.m(.35rem auto);}
                }
                .viewpo-right{
                    .fl;.w(9.55rem);.ml(.3rem);
                    h4{.c(#333);.m(.08rem 0 .12rem);.fs(.2rem);}
                    p{.m(0);.c(#666);.lh(.22rem);.wes(8rem)}
                }
            }
        }
        .bottomBorder{.border(#f0f0f0);.mt(.68rem);}
        .pagination{
            .m(.3rem 0 .6rem);
            .pageination-num{.c(#807789);font-weight: 500;.ta(@c);.db;.m(0);}
        
        }
        .moreInfo-div{
            .h(2.06rem);.bc(#f8f6ed);border-left:solid .04rem #fd3130;
            h4{.c(#333);.fs(.26rem);.lh(.85rem);.pl(.35rem);}
            ul{
                .cf;.m(0);.pr;.t(-.1rem);
                li{
                    .w(3.68rem);.h(1.08rem);border-right:solid .02rem #fff;.fl;.cf;.fs(.17rem);
                    img{.fl;.db;.m(0 .4rem);}
                    .ri-div{
                        .fl;
                        p{.lh(.28rem);.pr;.t(-.05rem);}
                        a{text-decoration: underline;}
                        .red{.c(#f53636);}
                    }
                    &:nth-child(2){
                        img{.m(0 .5rem);}
                    }
                    &:nth-child(3){
                        border-right:0;
                    }
                }
            }
        }

        .list-title-h4{.c(#000);.fs(.26rem);.m(0);.pb(.26rem);}
        .recommend-list{
            .cf;.mb(.28rem);
            
            li{
                .w(3.68rem);.fl;.mr(.22rem);
                .reco-img-div{
                    .h(2.08rem);.w(@100);
                    img{.w(@100);.h(@100);}
                }
                .tit-a{
                    .fs(.19rem);text-decoration: underline;.c(#0e56a7);.dib;.lh(.26rem);.m(.08rem 0 .28rem);.wes(3.5rem);
                    span{.wes(3rem);.dib;}
                }
                .info-p{.c(#333);}
                .c-black-lh{.c(#333);}
                .c-red-fs{.c(#ff3535);.fs(.16rem);}
                &:nth-child(3),&:nth-child(6){.mr(0);}
            }
            .recom-item{.mb(.63rem);}
        }
        .recommend-list.demonstrati-ul{//基地示范
            .mb(.14rem);
            li{
                .bc(#f8f6ed);.p(.03rem);.mb(.28rem);
                .reco-img-div{.h(2.02rem);}
                .tit-a{
                    .m(0);.fs(.14rem);.db;.lh(.38rem);.p(0 .14rem);
                    .jiantou-icon{.bi("../images/icon_enter.png");.w(.08rem);.h(.12rem);text-decoration: none;.fr;.mt(.15rem);}
                }
            }
        }
        .recommendCourse-ul{//推荐课程
            .cf;.mb(.42rem);
            li{
                .w(2.72rem);.fl;.mr(.2rem);
                .recom-top{
                    .h(1.96rem);.pr;
                    img{.w(@100);.h(@100);}
                    .icon-div{
                        .h(.55rem);.bc(rgba(255, 255, 255, 0.4));.pa;.b(0);.w(@100);
                        .type-div{
                            .w(.52rem);.h(.55rem);.bc(#fff);
                            i{.dib;.w(.38rem);.h(.42rem);.pr;.l(.07rem);.t(.06rem);.l(.07rem);background-repeat: no-repeat;}
                            .audio{.bi('../images/audio1.png');}
                            .article{.bi('../images/article1.png');}
                            .video{.bi('../images/video1.png');}
                        }
                    }
                }
                .recom-bottom{
                    .h(2.58rem);.border(#dcdcdc);border-top:0;.p(.08rem);
                    label{.c(#930000);.fs(.16rem);border-bottom: solid .01rem #d7d3cd;.db;.p(.08rem 0px);}
                    h4{.c(#000);.fs(.2rem);.m(.12rem 0 .05rem);}
                    p{.c(#666);.h(1.2rem);}
                    .bottom-div{
                        border-top:solid .02rem #930000;.cf;
                        i{.dib;.w(.25rem);.h(.27rem);.mt(.08rem);.fl;background-repeat: no-repeat;}
                        .min-audio-icon{.bi("../images/audio2.png");}
                        .min-article-icon{.bi("../images/article2.png");}
                        .min-video-icon{.bi("../images/video2.png");}
                        span{.fs(.15rem);.c(#000);.fl;.m(.12rem 0 0 .08rem);}
                    }
                }
                &:nth-child(4){.mr(0);}
            }
        }

        /* 搜索引擎 模块样式 */
        .search-div{
            .w(7.25rem);.m(0 auto);.h(.8rem);.mt(1.64rem);
            .search-classify-div{
                a{.c(#333);.fs(.16rem);.lh(.4rem);.dib;.p(0 .1rem);}
                .active{.c(#ff0000);}
            }
            .search-form{
                .cf;
                .sear-input{
                    .border(#f00);.w(6.25rem);border-right: 0;.m(0);.h(.36rem);.ta(@l);.border-radius(0);
                }
                .sear-btn{
                    .fl;.c(#fff);.bc(#f00);.w(1rem);.h(.36rem);.lh(.36rem); border:0;outline: none;.fs(.16rem);
                    &:hover,&:focus,&:active{.bc(#ff4646);}
                }
                .sear-icon{.bi('../images/icon_search.png');.w(.19rem);.h(.19rem);.pr;.t(.04rem);.mr(.04rem);}
            }
        }
        .search-list{
            .mt(1rem);
            h4{
                .w(6.47rem);.m(0 auto);.c(#e01b22);.fs(.24rem);.cf;
                hr{border-color: #dedede;.w(2.37rem);.dib;.fl;}
                span{.fl;.lh(.42rem);.m(0 .38rem);}
            }
            .search-list-div{
                .p(.1rem 0 .42rem 2.13rem);.w(10.59rem);
                .item-list-a{
                    .h(1.72rem);border-bottom: dashed .01rem #ccc;.db;.pt(.32rem);
                    h5{.fs(.24rem);.c(#666);.m(0 0 .08rem 0);}
                    span{.fs(.16rem);.c(#ff3535);.m(0 0 .14rem 0);.db;}
                    p{.fs(.15rem);.c(#666);.wes(92%);}
                }
            }
        }/* end 搜索引擎 模块样式 */

        /*文章详情 模块样式*/
        .detail-div{
            .cf;.mb(.9rem);.mt(.26rem);
            .det-left{
                .fl;.w(8.05rem);
                .det-left-title{.c(#000);.fs(.24rem);.ta(@c);}
                .det-left-time{.fs(.13rem);.c(#b3b3b3);.ta(@c);font-weight: 500;.db;}
                .det-left-title-p{.c(#666);.fs(.18rem);.mb(.37rem);.ta(@c);}
                .det-left-textar{.c(#666);.fs(.16rem);.lh(.28rem);}
            }
            .det-right{
                .fr;.w(3.08rem);
                .det-right-top{
                    .image1{.w(@100);.h(2.07rem);}
                    .fragment-div{
                        .cf;
                        .quotationMark1-icon{.bi('../images/icon2.png');.w(.2rem);.h(.13rem);.fl;.m(.12rem 0 .02rem);}
                        p{
                            .fl;.c(#666);.lh(.22rem);.p(0 .26rem);.m(0 0 .05rem 0);
                            span{.c(#fd3130);.mt(.05rem);.db;}
                        }
                        .quotationMark2-icon{.bi('../images/icon1.png');.w(.2rem);.h(.13rem);.fr;}
                    }
                }
            }
        }
        //右边消息 部分样式
        .det-right-bottom{
            .news-title{.c(#000);.fs(.18rem);.fw();border-bottom: solid .01rem #ddd;.lh(.42rem);.pl(.12rem);}
            .contactUs-div{
                .bc(#e5e5e5);.border-radius(.02rem);.p(.15rem .18rem);
                label{.fs(.15rem);.mb(.08rem);}
                p{.c(#333);.mb(.18rem);}
                .btn{.w(2.03rem);.h(.37rem);.bc(#fd5453);.c(#fff);.p(0);.lh(.37rem);.border-radius(.37rem);.m(0 auto);.db;.fs(.14rem);}
            }
            .activity-div{
                h4{.fw();.fs(.22rem);.lh(.6rem);.m(.05rem 0 0);}
                .dj-activity{.w(@100);.h(1.57rem);.mb(.1rem);}
                label{font-weight: 500;}
                a{.db;.w(.74rem);.h(.27rem);.lh(.27rem);.c(#2d54b7);.border(#ccc);.fs(.14rem);.border-radius(0);.p(0);.mt(.12rem);}
            }
        }/*end 文章详情 模块样式*/

        /*新闻与消息 模块样式*/
        .news-articles{
            .cf;
            .news-arti-left{
                .w(7.67rem);.fl;
                h4{.c(#000);.fs(.26rem);border-bottom: solid .01rem #ddd;.m(0);.pb(.16rem);}
                ul{
                    li{
                        border-bottom: solid .01rem #ddd;.p(.2rem 0);.cf;
                        img{.fl;.w(1.4rem);.h(.88rem);}
                        .news-info-div{
                            .fl;.w(6.06rem);.ml(.2rem);
                            h5{.c(#333);.fs(.2rem);.m(.02rem 0 .12rem);.fw();}
                            p{.c(#333);.mb(.06rem);}
                            span{.c(#666);.fs(.12rem);.wes(5.5rem);.dib;}
                        }
                    }
                }
                
            }
            .news-arti-right{.fr;.w(3.08rem);.det-right-bottom;}
        }

    }

    //查看更多 max按钮样式
    .viewMore-a{
        .w(2.4rem);.h(.48rem);.border-radius(.48rem);.db;.border(#959595);.m(0 auto);.fs(.16rem);.c(#444);.lh(.48rem);.ta(@c);.mb(.5rem);.transition;
        &:hover{.bc(#f63a3b);.c(#fff);.border(#f63a3b);.transform(background-color);}
    }

    //文章简介列表 页面大图
    .wid-img{.w(@100);.h(3.2rem);.db;}
    .synopsis-div{.w(9.6rem);.m(0 auto);
        .synopsis-title{
            .ta(@c);.m(.4rem 0 .42rem);
            h4{.fs(.36rem);.db;.m(0 auto .2rem);.w(1.62rem);border-bottom: solid .03rem #ff404f;.ta(@c);.lh(.7rem);}
            p{.fs(.16rem);}
        }
        .synopsis-list-div{
            .cf;.mb(1.15rem);
            .synopsis-item{
                .w(3rem);.fl;.mr(.3rem);.mt(.48rem);
                .sy-ing-div{
                    .h(1.96rem);.w(@100);
                    img{.w(@100);.h(@100);}
                }
                h5{.fs(.2rem);.c(#333);.p(0 .2rem);.m(.2rem 0);}
                p{.c(#888);.p(0 .2rem);}
                &:nth-child(3),&:nth-child(6),&:nth-child(9){.mr(0);}
            }
        }
    }

    /*首页 页面样式*/
    //banner
    .banner-div{
        .w(@100);.h(5.6rem);.bc(rgb(255, 100, 100));
        img{.w(@100);.h(@100);}
    }
    .dj-div{
        .center-div{
            .cf;.mb(0);
            .title-h4{.fs(0.37rem);.ta(@c);.mb(.16rem);.mt(.5rem);}
            .bottom-line-hr{.w(1.62rem);border: solid 0.02rem #ff404f;.border-radius(0.04rem);.m(0 auto);}
            .text-p{.ta(@c);.fs(.16rem);.lh(.26rem);.mt(.17rem);}
            .xsddjzd-list{
                .cf;.m(.72rem 0 .6rem);
                .xsddjzd-item{
                    .ta(@c);.w(25%;);.fl;
                    img{.w(1.22rem);.h(1.16rem);.db;.m(0 auto);}
                    h2{.fs(.24rem);.fw(bold);.mb(.16rem);}
                    label{font-weight: 500;.c(#757575);}
                    .zhctdlwh-img{
                        .w(1.74rem);.h(1.74rem);.border-radius(50%);.border(#3a3a3a);.m(0 auto);
                        img{
                            .w(auto);.h(auto);.mt(.45rem);
                            transition: All 0.5s ease-in-out; 
                            -webkit-transition: All 0.5s ease-in-out; 
                            -moz-transition: All 0.5s ease-in-out; 
                            -o-transition: All 0.5s ease-in-out;
                        }
                        &:hover{ 
                            img{.transform_rotateY360;}
                        }
                    }
                }
            }
            .qyshzrwh-list{
                .cf;.m(.72rem 0 .6rem);
                .qyshzrwh-item{
                    .w(5.58rem);.h(2rem);.pr;.cf;
                    img{.db;.w(@100);.h(@100);}
                    h2{.ta(@c);.pa;bottom: 0;.w(@100);.m(0);.h(.64rem);.lh(.64rem);.c(#fff);.fs(.26rem);.bc(rgba(0, 0, 0, 0.53));}
                    &:nth-child(even){.fl;}
                    &:nth-child(odd){.fr;}
                    &:nth-child(1),&:nth-child(2){.mb(.3rem);}
                }
            }
            .viewMore-a{
                .w(3.1rem);.h(.62rem);border-color:#343434;.lh(.62rem);.fs(.17rem);.c(#343434;);
                &:hover{.c(#fff);border:0;}
            }
            .djkc-div{
                .w(8.28rem);.m(.72rem auto .6rem);.cf;
                .djkc-left{.w(4.18rem);.h(2.49rem);.fl;.db;}
                .djkc-right{
                    .fl;.ml(.7rem);
                    h2{.fw();.fs(.26rem);.c(#333);.lh(.38rem);.mt(.6rem);}
                    .djkc-right-bottom{
                        i{.w(.4rem);.h(.4rem);.mr(.28rem);.pr;.t(.14rem);background-repeat: no-repeat;.border(#b3b3b3);.border-radius(50%);background-position: 50%;}
                        .icon1{.bi("../images/icon_computer.png");}
                        .icon2{.bi("../images/icon_bijiben.png");}
                        span{.c(#333);}
                    }
                }
            }

            .tab-head{
                .w(4.3rem);.m(.52rem auto 0);.cf;
                li{.c(#333333);.fs(.31rem);.ta(@c);.lh(.6rem);.w(2.15rem);.h(.6rem);.fl;}
                .active{.bc(#ff3636);.c(#fff);.fw();.border-radius(.1rem);} 
            }
            .tab-body{
                .tab-item{
                    .transition();.m(.6rem 0);
                    img{
                        .ml(.48rem);
                        &:nth-child(1){.ml(0);}
                    }
                }
                .active{
                    .l(11.5rem);.transform(@l);
                }
            }
        }
    }
    .ddjs-div{
        .bc(#f5f5f5);
        .center-div{
            .ddjs-list{
                .m(.72rem 0 .6rem);.h(5.21rem);
                .ddjs-item{
                    .w(2.7rem);.h(5.21rem);.bc(#fff);.fl;.mr(.23rem);.transition();.pr;
                    .item-top{
                        .h(.68rem);.w(@100);.pr;.bc(#ffb035);
                        h4{.c(#fff);.ta(@c);.m(0);.fs(.22rem);.lh(.68rem);}
                        .invertedTriangle{.w(0);.h(0);.pa;.l(.75rem);.t(.66rem);
                            border-left: .6rem solid transparent;
                            border-right: .6rem solid transparent;
                            border-bottom: 0;
                            border-top-width: .36rem;
                            border-top-style: solid;border-top-color: #ffb035;}
                    }
                    .item-ul{
                        .ta(@c);.mt(1.02rem);
                        li{.c(#777);.fs(.16rem);.lh(.4rem);}
                    }
                    .buttom-img{.db;.m(.51rem auto 0);}
                    &:nth-child(2){
                        .item-top{.bc(#ea8430);}
                        .invertedTriangle{border-top-color: #ea8430;}
                    }
                    &:nth-child(3){
                        .item-top{.bc(#f66341);}
                        .invertedTriangle{border-top-color: #f66341;}
                    }
                    &:nth-child(4){.mr(0);
                        .item-top{.bc(#f63a3b);}
                        .invertedTriangle{border-top-color: #f63a3b;}
                    }
                    &:hover{box-shadow: 0 0 15px #c1c1c1;transform: translate(0, -15px);}
                }
            }
        }
    }
    .zhctdlwh-div{border-top:solid .01rem #e5e5e5;}
    .tab-bottom{
        .h(2.98rem);.bc(#f1f1f1);.mt(.32rem);
    }
}

@import "footer.less";//引用 导航 公共文件

